<script setup lang="ts">

import UserMessageFooterView from "../../components/UserMessageFooterView.vue";
import PersonalNavView from "./PersonalNavView.vue";
</script>

<template>
  <div class="personal-box">
    <div class="personal-body">
      <div class="personal-margin-box">
        <div class="personal-left-nav">
          <personal-nav-view></personal-nav-view>
        </div>
        <div class="personal-right-body">
          <router-view></router-view>
        </div>
      </div>
    </div>
    <div class="personal-footer">
      <user-message-footer-view></user-message-footer-view>
    </div>
  </div>
</template>

<style scoped lang="scss">
@import "../style/PersonalCenter";
</style>